<template>
  <div class="homeland-container">
    <template v-for="item in buildingStore.homeFun">
      <HomeButton
        :text="item.text"
        :disabled="item.disabled"
        :number="item.number"
        :split="item.useSplit"
        :tooltip="item.tooltip"
        @click="(params: any) => buildingStore.triggerEvent(item.id, params)"
      />
    </template>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, computed } from 'vue'
import { useResourcesStore } from '@/store'
import HomeButton from '@/components/HomeButton/index.vue'
import { useBuildingsStore } from '@/store/building'

const resourcesStore = useResourcesStore()
const buildingStore = useBuildingsStore()
</script>
<style lang="less" scoped>
.homeland-container {
  padding: 20px;
}
</style>
